<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>和平精英官方网站</title>
    <link rel="shortcut icon" href="./images/logo.ico">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部开始 -->
    <div class="header-bg ">
        <div class="bg1">
            <div class="">
                
                <div class="bg3">
                    
                    <div class="header w">
                        <div class="logo fl">
                            <img src="./images/logo.png" alt="">
                        </div>
                        <div class="referral fl">
                            <h1>
                                和平精英
                            </h1>
                            <span>腾讯自研军事竞赛体验手游</span>
                        </div>
                        <div class="nav fl">
                            <ul>
                                <li>
                                    <a href="#">
                                        官网首页
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        版本专区
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        游戏资料
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        赛事专区
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        安全中心
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        自助工具
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        社区论坛
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        下载游戏
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="login">
                            <img src="./images/dia-login-head.png" alt="">
                            <p>特种兵，请<a href="#">登录</a></p>
                        </div>
                       
                    </div>
                </div>
               
            </div>
            <div class="dw-bg">
                            <div class="dw w">
                                <ul class="ul-1 fl">
                                    <li>
                                        <img src="./images/now.png" alt="">
                                        <a href="#">
                                            最新版本
                                        </a>
                                    </li>
                                    <li>
                                        <img src="./images/now.png" alt="">
                                        <a href="#">
                                            最新赛季
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            版本中心
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            体验服
                                        </a>
                                    </li>
                                    <li>
                                        <img src="./images/now.png" alt="">
                                        <a href="#">
                                            皮肤宝库
                                        </a>
                                    </li>
                                </ul>
                                <ul class="ul-2 fl">
                                    <li>
                                        <a href="#">
                                            新闻资讯
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            攻略中心
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            视频中心
                                        </a>
                                    </li>
                                    <li>
                                        <img src="./images/hot.png" alt="">
                                        <a href="#">
                                            武器库
                                        </a>
                                    </li>
                                    <li>
                                        <img src="./images/hot.png" alt="">
                                        <a href="#">
                                            大神灵敏度
                                        </a>
                                    </li>
                                </ul>
                                <ul class="ul-3 fl">
                                    <li>
                                        <a href="#">
                                            赛事中心
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            PEN赛事
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            娱乐综艺
                                        </a>
                                    </li>
                                    <li>
                                        <img src="./images/hot.png" alt="">
                                        <a href="#">
                                            高校赛
                                        </a>
                                    </li>
                                    <li>
                                        <img src="./images/hot.png" alt="">
                                        <a href="#">
                                            城市赛
                                        </a>
                                    </li>
                                    <li>
                                        <img src="./images/hot.png" alt="">
                                        <a href="#">
                                            巅峰赛
                                        </a>
                                    </li>
                                    <li>
                                        <img src="./images/hot.png" alt="">
                                        <a href="#">
                                            授权赛
                                        </a>
                                    </li>
                                </ul>
                                <ul class="ul-4 fl">
                                    <li>
                                        <img src="./images/hot.png" alt="">
                                        <a href="#">
                                            安全反外挂站
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            视频巡查
                                        </a>
                                    </li>
                                </ul>
                                <ul class="ul-5 fl">
                                    <li>
                                        <a href="#">
                                            CDK兑换
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            客服专区
                                        </a>
                                    </li>
                                    <li>
                                        <img src="./images/hot.png" alt="">
                                        <a href="#">
                                            举报查询
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            作者入驻
                                        </a>
                                    </li>
                                </ul>
                                <ul class="ul-6 fl">
                                    <li>
                                        <a href="#">
                                            官方公众号
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            微信用户社区
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            QQ用户社区
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            官方微博
                                        </a>
                                    </li>
                                </ul>
                            </div>
                          
                        </div>

        </div>

        <div class="bg2">
            <div class="content w">
                <div class="top">
                    <div class="left">
                        <p>扫码下载游戏</p>
                        <div class="img">
                            <img src="./images/downqrcode.jpg" alt="">
                        </div>
                    </div>
                    <div class="center">
                        <img src="./images/ea4902779838a86340e3c9d9903a9701.jpeg" alt="">
                    </div>
                    <div class="right">
                        <div class="nav">
                            <ul>
                                <li>
                                    <a href="#">
                                        最新
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        新闻
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        公告
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        活动
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        赛事
                                    </a>
                                </li>
                            </ul>
                            <div class="img fr">

                            </div>
                        </div>
                        <h3>
                            bilibili赏金solo赛开启，看直播连抽现金红包！
                        </h3>
                        <div class="new">
                            <ul>
                                <li>
                                    <span>[最新] </span>
                                    <a href="#">
                                        陷落迷人“冬月”，歌手强东玥联手女战神...
                                    </a>
                                    <p>12-21</p>
                                </li>
                                <li>
                                    <span>[最新] </span>
                                    <a href="#">
                                        和平精英邀你共享星日
                                    </a>
                                    <p>12-20</p>
                                </li>
                                <li>
                                    <span>[最新] </span>
                                    <a href="#">
                                        虎牙770大魔王对掏挑战赛，攻擂赢助力金！
                                    </a>
                                    <p>12-20</p>
                                </li>
                                <li>
                                    <span>[最新] </span>
                                    <a href="#">
                                        曹妃旬战队斩获首届和平精英高校赛冠军，...
                                    </a>
                                    <p>12-19</p>
                                </li>
                                <li>
                                    <span>[最新] </span>
                                    <a href="#">
                                        特种兵鸭鸭带你游南京，速来圈内领取你的...
                                    </a>
                                    <p>12-19</p>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="bottom">
<ul>
    <li>
        <a href="#">
            <img src="./images/c721f94a84b32adb01a3b474ddf9a034.png" alt="">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="./images/40e998c47716a38391e0a99364890bec.png" alt="">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="./images/260d7c025664cff3f2f91baf2b8d07a9.png" alt="">
        </a>
    </li>
    <li>
        <a href="#">
            <img src="./images/c2e3bb7cbb37b561069041eecb1694ae.png" alt="">
        </a>
    </li>
</ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 内容开始 -->
<div class="matter-1 w">
<div class="top fl">
<div class="img fl"></div>
<h3 class="fl">精英爆料</h3>
<div class="nav fr">
    <ul>
        <li>
            <a href="#">
                新玩法/模式
            </a>
        </li>
        <li>
            <a href="#">
新武器/皮肤
            </a>
        </li>
        <li>
            <a href="#">
新地图
            </a>
        </li>
        <li>
            <a href="#">
新载具
            </a>
        </li>
    </ul>
    <div class="a">
        <a href="#">
            前往资料站>
     </a>
      </div>
</div>

</div>
<div class="bottom fl">
<img src="./images/1ccd22182f81628334529b1e11fe1974.jpg" alt="">
</div>
<div class="left">
<div class="title fl">
<div class="img">

</div>
<h3 class="fl">活动中心</h3>
</div>
<ul class="ul">
    <li class="li">
        <a href="#">
            活动日历
        </a>
    </li>
    <li>
        <a href="#">
福利资讯
        </a>
    </li>
</ul>
<h3 class="h3">
    2020年12月
</h3>
<div class="nav">
    <ul>

        <li>
            <span>一</span>
            <a href="#">
21
        </a>
        </li>
        <li>
            <span>二</span>
            <a href="#">
22
        </a>
        </li>
        <li>
            <span>三</span>
            <a href="#">
23
        </a>
        <p></p>
        </li>
        <li>
            <span>四</span>
            <a href="#">
24
        </a>
        <p></p>
        </li>
        <li>
            <span>五</span>
            <a href="#">
25
        </a>
        <p></p>
        </li>
        <li>
            <span>六</span>
            <a href="#">
26
        </a>
        <p></p>
        </li>
        <li>
            <span>日</span>
            <a href="#">
27
        </a>
        <p></p>
        </li>
    </ul>
</div>
<h2 class="fl">冰雪盛典</h2>
<div class="activity fl">
    <div class="one fl">
        <h5 class="fl"></h5>
        <span class="fl">
            活动时间：
        </span>
        <p class="fl">12月4日-1月20日</p>
    </div>
    <div class="two fl">
        <h5 class="fl"></h5>
        <span class="fl">
            活动奖励：
        </span>
        <p class="fl"><img src="./images/50ea6568ead76c30a09add8011b5f067.png" alt=""></p>
        <h4>背景-迎风斗雪</h4>
    </div>

</div>
</div>
</div>
<div class="matter-2 w">
    <div class="top fl">
        <div class="img fl"></div>
        <h3 class="fl">视频中心</h3>
        <div class="nav fr">
            <ul>
                <li>
                    <a href="#">
                        官方视频
                    </a>
                </li>
                <li>
                    <a href="#">
        人气主播
                    </a>
                </li>
                <li>
                    <a href="#">
        进阶教学
                    </a>
                </li>
                <li>
                    <a href="#">
        赛事专栏
                    </a>
                </li>
            </ul>
            <div class="a">
 
              </div>
        </div>
        
        </div>
        <div class="bottom fl">
            <ul>
                <li>
                    <a href="#">
<img src="./images/0 (3).jfif" alt="">
<p>PEC最牛战神</p>
                    </a>
                </li>
                <li>
                    <a href="#">
<img src="./images/0 (2).jfif" alt="">
<p>和平精英冰雪盛典开启，极寒模式等你来体验</p>
                    </a>
                </li>
                <li>
                    <a href="#">
<img src="./images/0.jfif" alt="">
<p>和平精英SS11赛季：蒸汽幻想，科技奥秘</p>
                    </a>
                </li>
                <li>
                    <a href="#">
<img src="./images/0 (4).jfif" alt="">
<p>“精英无畏，热辣冒险”——《和平精英》再度携手“康...</p>
                    </a>
                </li>
                <li>
                    <a href="#">
<img src="./images/e3741f650a4c07e396780f70bf21ed94.jpeg" alt="">
<p>新皮肤-古堡领主</p>
                    </a>
                </li>
                <li>
                    <a href="#">
<img src="./images/saved_resource.jfif" alt="">
<p>《和平精英》携手奇幻贺岁大片《赤狐书生》打造影游跨界合...</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="left fl">
<div class="ranking">
<div class="img fl">

</div>
<h3 class="fl">热门排行</h3>
<h4 class="fr">
    <a href="#">日 / </a>
    <a href="#">周  / </a>
    <a href="#">月</a>
</h4>
</div>
<div class="content">
<ul>
    <li class="li">
        <div class="one">
1
        </div>
        <div class="img fl">
<img src="./images/0.jfif" alt="">
        </div>
        <a href="#">
PEC最牛战神
        </a>
        <p><img src="./images/效果图_03.png" alt="">官网运营团队</p>
        <span>109</span>
    </li>
    <li>
        <div class="two">
2
        </div>
        <a href="#">
和平精英冰雪盛典开启，极寒模式...
        </a>
        <span>88</span>
    </li>
    <li>
        <div class="three">
3
        </div>
        <a href="#">
山谷地图最新打靶攻略！这三座小...
        </a>
        <span>77</span>
    </li>
    <li>
        <div class="four">
4
        </div>
        <a href="#">
无心游说：一分钟教你免费领取破...
        </a>
        <span>56</span>
    </li>
    <li>
        <div class="four">
5
        </div>
        <a href="#">
体验服抢先试玩道具，救队友安装...
        </a>
        <span>47</span>
    </li>
    <li>
        <div class="four">
6
        </div>
        <a href="#">
四排夺冠小技巧，学会上分不是梦
        </a>
        <span>47</span>
    </li>
</ul>
<div class="more fl">
<a href="#">查看更多</a>
</div>
</div>
        </div>
</div>
<div class="matter-3 w">
<div class="left fl">
<div class="top fl">
<div class="img fl">

</div>
<h3 class="fl">攻略中心</h3>
<div class="nav fl">
<ul>
    <li>
        <a href="#">
            最新攻略
        </a>
    </li>
    <li>
        <a href="#">
攻楼技巧
        </a>
    </li>
    <li>
        <a href="#">
游戏设置
        </a>
    </li>
</ul>
</div>
<div class="jia">

</div>
</div>
<div class="content fl">
<ul>
    <li>
        <a href="#">
            <img src="./images/saved_resource(21).jfif" alt="">
            <p>SS11赛季更新，装扮道具赏析</p>
        </a>
        <span>阅读量 1024 12-17</span>
    </li>
    <li>
        <a href="#">
            <img src="./images/saved_resource(22).jfif" alt="">
            <p>暮色古堡军需鉴赏</p>
        </a>
        <span>阅读量 2192 12-11</span>
    </li>
    <li>
        <a href="#">
            <img src="./images/saved_resource(23).jfif" alt="">
            <p>与众乐乐，分享无限！全新空间系统正式上线</p>
        </a>
        <span>阅读量 1117 12-11</span>
    </li>
    <li>
        <a href="#">
            <img src="./images/saved_resource(24).jfif" alt="">
            <p>暮色古堡，神秘来袭！全新珍藏宝箱鉴赏</p>
        </a>
        <span>阅读量 637 12-11</span>
    </li>
    
</ul>
</div>
</div>
<div class="right fl">
    <div class="top fl">
        <div class="img fl">
        
        </div>
        <h3 class="fl">精品栏目</h3>
        <div class="nav fl">
        <ul>
            <li>
                <a href="#">
                    燃烧吧大局观
                </a>
            </li>
            <li>
                <a href="#">
        盒子有话说
                </a>
            </li>
            <li>
                <a href="#">
        快来扶我
                </a>
            </li>
            <li>
                <a href="#">
        鸽弟秀
                </a>
            </li>
        </ul>
        </div>
        <div class="jia">
        
        </div>
        </div>
        <div class="content">
<ul>
<li>
    <a href="#">
<img src="./images/saved_resource(29).jfif" alt="">
<p>燃烧吧大局观：刚枪大佬连射三发信号枪后，却惨遭...</p>
    </a>
<span>阅读量 27068 05-26</span>
</li>
<li>
    <a href="#">
<img src="./images/saved_resource(29).jfif" alt="">
<p>燃烧吧大局观：沙漠必备上房技巧，教你拿下别墅区！</p>
    </a>
<span>阅读量 22675 04-09</span>
</li>
<li>
    <a href="#">
<img src="./images/saved_resource(29).jfif" alt="">
<p>【燃烧吧大局观】：拜佛枪法到底有没有用？看完这...</p>
    </a>
<span>阅读量 25172 03-19</span>
</li>
<li>
    <a href="#">
<img src="./images/saved_resource(29).jfif" alt="">
<p>燃烧吧大局观 有史以来最激烈对局 3队混战血性...</p>
    </a>
<span>阅读量 57231 03-19</span>
</li>
<li>
    <a href="#">
<img src="./images/.jfif" alt="">
<p>燃烧吧大局12：连灭4个满编队，一路乱杀全靠...</p>
    </a>
<span>阅读量 52665 03-19</span>
</li>
<li>
    <a href="#">
<img src="./images/saved_resource(29).jfif" alt="">
<p>特种兵作战2次极限1V4多亏我搭配了这两个兵种！</p>
    </a>
<span>阅读量 8334 01-22</span>
</li>
</ul>
        </div>
</div>
</div>
<div class="matter-4-bg">
<div class="matter-4 w">
<div class="top">
    <div class="img fl">

    </div>
    <h3>和平人气主播</h3>
</div>
<div class="zb">
<ul>
    <li>
        <a href="#">
            <img src="./images/saved_resource(30).jfif" alt="">
           <span></span>
        </a>
        <p>柔柔</p>
    </li>
    <li>
        <a href="#">
            <img src="./images/saved_resource(31).jfif" alt="">
            <span></span>
        </a>
        <p>冬季</p>
    </li>
    <li>
        <a href="#">
            <img src="./images/saved_resource(15).jfif" alt="">
            <span></span>
        </a>
        <p>奇怪君</p>
    </li>
    <li>
        <a href="#">
            <img src="./images/saved_resource(16).jfif" alt="">
            <span></span>
        </a>
        <p>难言</p>
    </li>
    <li>
        <a href="#">
            <img src="./images/saved_resource(17).jfif" alt="">
            <span></span>
        </a>
        <p>晚玉</p>
    </li>
    <li>
        <a href="#">
            <img src="./images/saved_resource(18).jfif" alt="">
            <span></span>
        </a>
        <p>艺帝帝</p>
    </li>
</ul>
</div>
</div>
</div>
<div class="matter-5 w">
<div class="top">
<div class="img">

</div>
<h3>游戏特色</h3>
</div>
<div class="bottom">
<img src="./images/b44e31722cef3209c866b9c5943f018f.jpg" alt="">
<div class="dw-1">

</div>
<div class="dw-2">

</div>
</div>
</div>
<div class="matter-6-bj">
<div class="matter-6 w">
<ul>
    <li>
        <a href="#">
<img src="./images/weixin_pc.png" alt="">
        </a>
        <p>官方公众号</p>
    </li>
    <li>
        <a href="#">
            <img src="./images/weibo_pc.png" alt="">
        </a>
        <p>官方微博</p>
    </li>
    <li>
        <a href="#">
            <img src="./images/weixin_pc.png" alt="">
        </a>
        <p>微信用户社区</p>
    </li>
    <li>
        <a href="#">
            <img src="./images/qq_pc.png" alt="">
        </a>
        <p>QQ用户社区</p>
    </li>
    <li>
        <a href="#">
            <img src="./images/kuaishou_pc.png" alt="">
        </a>
        <p>快手直播</p>
    </li>
    <li>
        <a href="#">
            <img src="./images/bilibili_pc.png" alt="">
        </a>
        <p>bilibili</p>
    </li>
</ul>
</div>
</div>
<!-- 内容结束 -->
<!-- 页脚开始 -->
<div class="footer">
    <div class="w">
        <div class="foot-l fl">
            <div class="logo1"></div>
            <div class="logo2"></div>
            <p>
                抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活
            </p>
        </div>




        <div class="foot-r fr">
            <p>
                腾讯互动娱乐<br>
                腾讯互动娱乐|服务条款|隐私保护指引|儿童隐私保护指引|腾讯游戏招聘|腾讯游戏客服|游戏列表|广告服务及商务合作
            </p>
            <p>
                腾讯公司版权所有<br>
                COPYRIGHT © 1998 - 2020 TENCENT. ALL RIGHTS RESERVED.
            </p>
            <p>
                <img src="./images/gswj.png" alt="">
                工商网监电子标识 | 粤网文[2020]3396-199号|ISBN 978-7-498-06474-5|全国文化市场统一举报电话：12318
            </p>
        </div>
    </div>
</div>
<!-- 页脚结束 -->
<div class="location">
<div class="img">
<img src="./images/downqrcode.jpg" alt="">
</div>
<div class="img2">
    <img src="./images/gzh-btn.png" alt="">
    <img src="./images/hpyd-btn.png" alt="">
    <img src="./images/wb-btn.png" alt="">
</div>

</div>
</body>

</html>